<template>
    <div
        class="mine-page-container"
        :style="{ height: `${clientHeight - 50}px` }"
    >
        <MineTitle />
        <TicketList />
    </div>
</template>

<script>
import { mapState } from "vuex";
import MineTitle from "../components/mine/MineTitle.vue";
import TicketList from "../components/ticket/TicketList.vue";
export default {
    components: {
        MineTitle,
        TicketList,
    },
    data() {
        return {};
    },
    created() {
        document.title = "我的";
    },
    computed: {
        ...mapState("app", ["clientHeight"]),
    },
    mounted() {},
};
</script>

<style lang="less" scoped>
.mine-page-container {
    width: 100%;
    overflow-y: auto;
}
</style>
